@charset "utf-8";
@import "reset";
@function baifenbi($p){
    @return $p / 1366 * 100%;
}
.WebPage{
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
}
.WebTop{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    
}
.WebTop-logo{
    vertical-align: top;
    margin-left:baifenbi(21);
    margin-top:7px;
    display: inline-block;
    margin-right: baifenbi(114);
    
}
.WebTop-List-Left{
    vertical-align: top;
    text-align: center;
    display: inline-block;
    width: baifenbi(648);
    box-sizing: border-box;
    padding-left: baifenbi(160);
    >ul>li{
        font-size: 15px;
        display: inline-block;
        padding: 0 baifenbi(44);
        line-height: 74px;
        cursor: pointer;
    }
    >ul>li:hover{
        background:#eb413d;
    }
}
.WebTop-Text{
    vertical-align: top;
    display: inline-block;
    margin: 0 baifenbi(18);
    border: 1px solid #dcdee0;
    border-radius: 12px;
    height: 26px;
    position: relative;
    vertical-align: 44%;
    margin-top:25px ;
    padding-left:10px;
    >input{
        vertical-align: top;
        display: inline-block;
        margin:5px 0 ;
        border: 0px;   
        cursor: pointer;
        
    }
    >img{
        position: absolute;
        left:87%;
        top: 0;
        vertical-align: top;
        display:inline-block ;
        cursor: pointer;
    }
}
.WebTop-List-right{
    display: inline-block;
    position: absolute;
    right: 0px;
    >ul>li,ul>a>li{
        cursor: pointer;
        height:74px;
        display: inline-block;
        /*background:pink;*/
//      vertical-align: -58%;
        border-left: 1px solid #dfdfdf;
        overflow: hidden;
        >img{
            margin:29px 30px;
        }
        >p{
            line-height:74px;
            font-size: 10px;
            margin: 0 4px;
            color: #878787;
        }
        >div{
            border: 1px solid #dfdfdf;
            font-size: 12px;
            box-sizing: border-box;
            padding:1px 0px;
            width: 19px;
            height: 17px;
            margin: 30px 12px;
            display: inline-block;
            color: #a0a0a1;
        }
    }
}
.WebBottom{
    width: 100%;
    background: #eb413d;
    overflow: hidden;
}
.WebBottom-logo{
    display: inline-block;
    margin-top: 51px;
    margin-left: baifenbi(393);
    padding-bottom: 56px;
    padding-right: baifenbi(46);
    border-right:1px solid #f07471;
}
.WebBottom-List{
    display: inline-block;  
    margin-left: baifenbi(16);
    vertical-align: top;
    margin-top: 48px;
    width: baifenbi(600);
    >ul>li{
        display: inline-block;
        vertical-align: top;
        line-height: 26px;
        color: white;
        margin: 0 24px;
        cursor: pointer;
        >div{
            display: inline-block;
            background: white;
            width: 4px;
            height:4px;
            border-radius:1px ;
            vertical-align: 12%;
        }
        ul>li>div{
            
            display: inline-block;
            background: white;
            width: 4px;
            height:4px;
            border-radius:1px ;
            vertical-align: 12%;
        }
    }
}
.WebBottom-address{
    width: 100%;
    text-align: center;
    margin-top: 52px;
    margin-bottom: 32px;
    >p{
        color: white;
        font-size: 10px;
        font-style: normal;
    }
}
